<template>
  <div id="detail">
  <detail-nav-bar class="detail-nav"/>
    <img src="/2.jpg"  alt="" class="image"/> 
  </div>
   
</template>

<script>
  import DetailNavBar from './childComps/DetailNavBar'

export default {
  name:"Detail",
  components: {
    DetailNavBar,
  }
}

</script>

<style>
  .image{
    width: 100%;
    height: 50%;
  }

  #detail {
    position: relative;
    z-index: 9;
    background-color: #fff;
    height: 100vh;
  }

  .detail-nav {
    position: relative;
    z-index: 9;
    background-color: #fff;
  }
</style>